﻿@model IEnumerable<Common.Product>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}



<h2>Home</h2>

@Html.Action("_FilterProducts", "Partial")

<div id="Products" style="width:80%; margin-left:auto; margin-right:auto;">
<ul style="list-style-type: none; list-style-position:inside; position:relative; ">

@foreach (var item in Model)
{
    <li class="itemStyle">
   
    @Html.DisplayFor(modelItem => item.Name)
    
     <img alt="" src='@Html.DisplayFor(modelItem => item.Image) ' width ="200px" height="200px" />
    
    €@Html.DisplayFor(modelItem => item.Price)
    <br />
        @Html.ActionLink("View Details", "ProductDetails", new { id=item.ID }) 
    </li>
}
</ul>
</div>
